<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./index.css">
</head>

<body>
    <div class="box">
        <!-- 开始游戏页面 -->
        <div id="startGame">
            <div>
                <button class="gameStart">开始游戏</button>
                <button class="list">排行榜</button>
            </div>
        </div>
        <!-- 游戏页面 -->
        <div id="playGame">
            <div class="num">
                <p>击杀数：<span class="killNum">0</span> </p>
                <p>总分数：<span class="allNum">0</span> </p>
            </div>
            <div class="plane">
                <div class="myplane">
                    <!-- 我方飞机 -->
                    <!-- <img src="./images/myplane.gif" alt=""> -->

                </div>
                <!-- 子弹 -->
                <!-- <img src="./images/bullet1.png" class="bullet" alt=""> -->
                <!-- 敌机 -->
                <!-- data-hp:自定义属性，表示敌机生命值，当生命值为0时，敌机死亡，删除敌机 -->
                <!-- data-num:自定义属性，表示敌机分数，当敌机死亡，计算总分时，就获取当前敌机分数 -->
                <!-- <img src="./images/enemyPlane_small.png" class="enemyPlane small" data-hp=1 data-num=1  alt="">
                <img src="./images/enemyPlane_middle.png" class="enemyPlane middle" data-hp=2 data-num=2 alt="">
                <img src="./images/enemyPlane_big.png"  class="enemyPlane big" data-hp=3 data-num=3 alt=""> -->

            </div>

        </div>
        <!-- 暂停游戏页面 -->
        <div id="pauseGame">
            <div>
                <button class="gameContinue">继续游戏</button>
                <button class="gameReset">重新开始</button>
                <button class="goStart">返回首页</button>
            </div>

        </div>
        <!-- 结束游戏 -->
        <div id="overGame">
            <h1>GAME OVER</h1>
            <div>
                <button class="gameReset">重新开始</button>
                <button class="goStart">返回首页</button>
                <button class="list">排行榜</button>
            </div>

        </div>
        <!-- 排行榜 -->
        <div id="listGame">
            <h1>排行榜</h1>
            <table>
                <thead>
                    <tr>
                        <th>排名</th>
                        <th>玩家</th>
                        <th>总分数</th>
                    </tr>
                </thead>
                <tbody>
                    <!-- <tr>
                        <td>1</td>
                        <td>小米</td>
                        <td>10</td>
                    </tr> -->
                </tbody>
            </table>
            <span class="goStart">返回首页</span>
        </div>
    </div>


    <script src="./jquery-3.7.1.js"></script>
    <script src="./index.js"></script>
</body>

</html>